<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <LINK href="style.css" rel="stylesheet" type="text/css">
   <title>Mariachi Casa Menu Item</title>
   <style>
      body {
         background-image:url('chips-and-salsa.jpg');
		 background-repeat:no-repeat;
      }
   </style>
</head>

<body>
   <div id="backButton">
      <button class="backButton" onclick="">Back</button>
   </div>
   
   <div id="menuItem">
      <h1>Item Name</h1>
      <img src="Fajita.jpg" alt="Fajita">
	  <br/>
	  Item Description
	  <br/><br/>
	  <input type="checkbox" id="optionalIngredient1" />Optional Ingredient<br />
	  <input type="checkbox" id="optionalIngredient2" />Optional Ingredient<br />
	  <input type="checkbox" id="optionalIngredient3" />Optional Ingredient<br />
	  <input type="checkbox" id="optionalIngredient4" />Optional Ingredient<br />
	  <input type="checkbox" id="optionalIngredient5" />Optional Ingredient<br />
	  
	  <br/>
	  Additional Requests:
	  <form>
         <input type="text" id="comment" maxlength="140" size="140" 
		 value="Type any additional requests here. (140 characters or less!)"/>
      </form>
	  <br/><br/><br/><br/><br/>
   </div>

   <div id="pageBottom">
      <button class="footerButton" onclick="">Help</button>
	  <button class="footerButton" onclick="">Refill</button>
	  <button class="footerButton" onclick="">Add To Order</button>
   </div>
</body>
</html>